<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 ">
		 
		<title>内容详情</title>
		<script src="js/jquery-3.0.0.min.js"></script>
		<!-- <script src="./js/details.js"></script> -->
		 <link rel="stylesheet" href="layui-v2.5.7/layui/css/layui.css"  media="all">
		<link rel="stylesheet" href="./font/bootstrap-icons.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/details-win.css" media="(min-device-width:800px)" />
		<link rel="stylesheet" href="css/details-phone.css" media="(max-device-width:799px)" />
	</head>
	<body>
		<!-- 顶部导航栏 -->
		<div class="navTop">
			<div class="logo">
				<img src="img/icon1.png" />
				<a href="index.html">
					<div class="shouye">首页</div>
				</a>
			</div>
			<div class="gongneng">
				<div class="revert">
					<a href="index.html"><i class="bi bi-arrow-left-short"></i></a>
				</div>
				<div class="nser-name-div2">
					<span class="user-name2">详情</span>
				</div>
				<div class="bianji"><i class="bi bi-pencil-square"></i></div>
				<div class="geren">
					<a href="user.html"><i class="bi bi-person-fill"></i></a>
					<!-- 用户弹出登录框 -->
					<div class="nav-user-item">
						<div>
							<div>
								<img class="faceimg" />
								<div class="nser-name-div">
									<span class="user-name">游客2</span>
								</div>
							</div>
							<div>
								<button class="sign">登录</button>
								<button class="register">退出</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="body">
			<div class="word-introduce">
				<div class="word-title">
					<h1>标题1</h1>
				</div>
				<div class="small-title">
					<div class="word-time">
						<span>2014-04-24</span>|<span>作者</span><i></i>
					</div>
					<div class="writer-data">
						<div class="face">
							<img src="img/tx.jpg" style="width: 100%; height: 100%;"/>
						</div>
						<div class="writer-text">
							<div class="writer-name">
								<span>作者名</span>
							</div>
							<div class="writer-ind">
								<span>啊哈哈哈哈哈哈哈</span>
							</div>
						</div>
					</div>
					<div class="collect">
						<i class="bi bi-star"></i>
						<i class="bi bi-star-fill"></i>
						<span>收藏</span>
					</div>
				</div>
				<div class="word">
					
				</div>
				<div class="word-time-bottom">
					<span>2014-04-24</span>
				</div>
				<div class="add-comment">
					<div class="add-comment-title">
						<span>追加评论</span>
					</div>
					<div class="add">
						<input type="text" placeholder="请输入内容" class="add-text"/>
						<input type="button" value="提交" class="add-but"/>
					</div>
				</div>
				<div class="comment">
					<div class="comment1">
						<div class="comment-data">
							<div class="comment1-face">
								<img src="img/tx.jpg" style="width: 100%; height: 100%;"/>
							</div>
							<div class="comment-text">
								<div class="comment1-name">
									<span>评论1</span>
								</div>
							</div>
						</div>
						<div class="comment-word">
							<span>哈哈哈哈哈哈哈哈哈</span>
						</div>
					</div>
				</div>
			</div>
			<div class="writerIntroduce">
				<div class="writer-data">
					<div class="face">
						<img src="img/tx.jpg" style="width: 100%; height: 100%;"/>
					</div>
					<div class="writer-text">
						<div class="writer-name">
							<span>作者名1</span>
						</div>
						
					</div>
				</div>
				<div class="writer-word">
					<div class="out-word">
						<div class=" num out-word-num">
							250
						</div>
						<div class="name out-word-name">
							发布
						</div>
					</div>
					<div class="in-word">
						<div class="num in-word-num">
							180
						</div>
						<div class="name in-word-name">
							收藏
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 底部公司信息 -->
		<div class="bottom-info">
			©2017 宁波世纪恒祥自控技术有限公司 网络备案号: <span style="color: #2D64B3;margin: 0px 0.1rem;">浙ICP备17054670号</span>信息产业部备案管理系统网址: 
			<a href="https://beian.miit.gov.cn/" style="color: #2D64B3;margin: 0px 0.1rem;">https://beian.miit.gov.cn/</a> 
		</div>
		
	</body>
</html>
